/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // 主题变量颜色
        'theme': {
          'primary': 'var(--color-primary)',
          'secondary': 'var(--color-secondary)',
          'tertiary': 'var(--color-tertiary)',
          'surface': 'var(--color-surface)',
          'text-primary': 'var(--color-textPrimary)',
          'text-secondary': 'var(--color-textSecondary)',
          'text-tertiary': 'var(--color-textTertiary)',
          'accent': 'var(--color-accent)',
          'accent-hover': 'var(--color-accentHover)',
          'tech-blue': 'var(--color-techBlue)',
          'tech-blue-hover': 'var(--color-techBlueHover)',
          'border': 'var(--color-border)',
          'border-hover': 'var(--color-borderHover)',
          'divider': 'var(--color-divider)',
          'glass-bg': 'var(--color-glassBg)',
          'nav-bg': 'var(--color-navBg)',
          'shadow': 'var(--color-shadow)',
          'glow': 'var(--color-glow)',
        },
        
        // 保留现有颜色作为备用
        'cyber': {
          50: '#0a0e1f',
          100: '#0f1629',
          200: '#141d33',
          300: '#1a253d',
          400: '#1f2d47',
          500: '#243551',
          600: '#2a3d5b',
          700: '#2f4565',
          800: '#344d6f',
          900: '#3a5579',
          950: '#3f5d83',
        },
        'tech-blue': {
          50: '#e6f3ff',
          100: '#b3d9ff',
          200: '#80bfff',
          300: '#4da6ff',
          400: '#1a8cff',
          500: '#0073e6',
          600: '#005bb3',
          700: '#004280',
          800: '#002a4d',
          900: '#00111a',
        },
        'electric': {
          500: '#00f5ff',
          600: '#00d4dd',
          700: '#00b3bb',
        }
      },
      backgroundImage: {
        // 主题渐变
        'theme-primary': 'var(--gradient-primary)',
        'theme-tech': 'var(--gradient-tech)',
        'theme-accent': 'var(--gradient-accent)',
        'theme-card': 'var(--gradient-card)',
        
        // 保留现有渐变作为备用
        'cyber-gradient': 'linear-gradient(135deg, #0a0e1f 0%, #1a253d 50%, #243551 100%)',
        'tech-gradient': 'linear-gradient(135deg, #0a0e1f 0%, #1f2d47 100%)',
        'card-gradient': 'linear-gradient(135deg, rgba(26, 37, 61, 0.8) 0%, rgba(36, 53, 81, 0.6) 100%)',
      },
      boxShadow: {
        'cyber': '0 0 20px rgba(0, 245, 255, 0.3)',
        'cyber-lg': '0 0 40px rgba(0, 245, 255, 0.4)',
        'tech': '0 8px 32px rgba(0, 115, 230, 0.3)',
      },
      animation: {
        'pulse-cyber': 'pulse-cyber 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'glow': 'glow 2s ease-in-out infinite alternate',
      },
      keyframes: {
        'pulse-cyber': {
          '0%, 100%': {
            opacity: '1',
            boxShadow: '0 0 20px rgba(0, 245, 255, 0.3)'
          },
          '50%': {
            opacity: '0.8',
            boxShadow: '0 0 40px rgba(0, 245, 255, 0.6)'
          },
        },
        'glow': {
          'from': {
            textShadow: '0 0 20px rgba(0, 245, 255, 0.8)'
          },
          'to': {
            textShadow: '0 0 30px rgba(0, 245, 255, 1), 0 0 40px rgba(0, 245, 255, 0.8)'
          },
        },
      }
    },
  },
  plugins: [],
} 